<!-- -->
<template>
  <div class='container'>
    <HospitalHeader></HospitalHeader>
    <div class="content">
      <router-view></router-view>
    </div>
    <HospitalFooter></HospitalFooter>
    <Login></Login>
    <!-- <Login v-if='userStore.dialogVisible' /> -->
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'

import { useUserStore } from './stores/user';
let userStore = useUserStore();
</script>

<style lang='scss' scoped>
.container {
  display: flex;
  flex-direction: column;
  .content {
    margin-top: 70px;
    min-height: 860px;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 30px;
  }
}
</style>

<style>
/* 为所有滚动条设置样式 */
::-webkit-scrollbar {
  width: 5px; /* 设置滚动条的宽度 */
  height: 10px; /* 设置滚动条的高度 */
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #a8c9ec; /* 设置轨道的背景颜色 */
}
 
/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background: #7cb8f8; /* 设置滑块的背景颜色 */
}
 
/* 当鼠标滑过滑块 */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* 设置滑块hover状态的背景颜色 */
}
</style>
